let path = require('path')
function resolve(dir) {
    return path.join(__dirname, 'src')
}
module.exports = {
    // 自定义主题色
    css: {
        loaderOptions: {
            less: {
                lessOptions: {
                    modifyVars: {
                        'primary-color': '#189141',
                        'link-color': '#189141',
                        'border-radius-base': '2px',
                    },
                    javascriptEnabled: true,
                },
            },
        },
    },
    // 部署生产环境和开发环境的URL
    // 默认情况下，vue-cli会假设你的应用场景是被部署在一个域名的根路径上
    publicPath: "/",
    // 在npm run build 或yarn build 时，生成文件的目录名称  默认dist
    outputDir:'dist',
    // 用于存放生成的静态资源
    assetsDir:'static',
    // 如果不需要生产环境的source map 设置false加快生产环境构建
    productionSourceMap:false,
    devServer: {
        port: 3000,
        proxy: {
            '/api': {
                target: 'http://localhost:5500',//接口的前缀
                // ws: true,//代理websocked
                changeOrigin: true,//虚拟的站点需要更管origin
                pathRewrite: {
                    '^/api': ''//重写路径
                }
            }
        }
    },
    lintOnSave: false,
    chainWebpack: config => {
        config.resolve.alias
            .set('@$', resolve('src'))
            .set('@api', resolve('src/api'))
            .set('@assets', resolve('src/assets'))
            .set('@comp', resolve('src/components'))
            .set('@views', resolve('src/views'))

        //配置网站标题
        // config.plugin('html').tap(arg => {
        //     arg[0].title = '武器所'
        //     return arg
        // })
    }
}
